<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>这是第二天的复习练习文件</title>
	</head>
	<body>
		<!-- 标签：table tr td
		属性：border边框 cellspacing单元格间距 cellpading内边距 width height   colspan列合并   rowspan行合并-->
		<table border="1" cellpadding="1" cellspacing="0" bgcolor="antiquewhite" width="30%" align="center">
			<tr>
				<td>11</td>
				<td>12</td>
				<td>13</td>
			</tr>
			<tr>
				<td>21</td>
				<td rowspan="2">22</td>
				<td>23</td>
			</tr>
			<tr>
				<td>31</td>
				<!-- <td>32</td> -->
				<td>33</td>
			</tr>

		</table>
		<table border="1" cellspacing="1" cellpadding="0" width="30%" align="center">

			<tr>
				<td>11</td>
				<td colspan="2">12</td>
				<!-- <td>13</td> -->
			</tr>
			<tr>
				<td>21</td>
				<td>22</td>
				<td>23</td>
			</tr>
			<tr>
				<td>31</td>
				<td>32</td>
				<td>33</td>
			</tr>
			<tr>
				<td>41</td>
				<td>42</td>
				<td>43</td>
			</tr>
		</table>

		<!-- 1.标签 form表单 th  select option textarea button 
	2.属性 name 要提交信息的标签必须设置name属性
	form的method属性，代表数据提交方式有get和post
	默认get，把数据在地址栏拼接，好处展示的效果明确，坏处url太长，且不安全
	post，好处安全，数据大小没有上限，坏处是看不见数据
	用F12进入开发者模式-NetWork，然后提交表单，点击框中显示的网页文件可以看到提交的信息
	
	form的action属性，设置表单会提交到何处
	
	file-->
		<form method="post">
			<table border="1" cellspacing="0" cellpadding="1" bgcolor="antiquewhite">
				<tr>
					<td colspan="2" align="center">
						<h1>注册用户</h1>
					</td>
				</tr>
				<tr>
					<td>用户名：</td>
					<td>
						<input type="text" name="user" />
					</td>
				</tr>
				<tr>
					<td>密码：</td>
					<td>
						<input type="password" name="pwd" />
					</td>
				</tr>
				<tr>
					<td>确认密码</td>
					<td>
						<input type="password" name="repwd" />
					</td>
				</tr>

				<tr>
					<td>昵称</td>
					<td>
						<input type="text" name="nick" />
					</td>
				</tr>
				<tr>
					<td>邮箱</td>
					<td>
						<input type="email" name="mail" />
					</td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<input type="radio" name="sex" value="1" />男
						<input type="radio" name="sex" value="0" />女
					</td>
				</tr>
				<tr>
					<td>爱好</td>
					<td>
						<input type="checkbox" name="like" value="1" />我的世界
						<input type="checkbox" name="like" value="2" />三体
						<input type="checkbox" name="like" value="3" />鲁迅杂文
						<input type="checkbox" name="like" value="4" />四大名著
					</td>
				</tr>
				<tr>
					<td>城市</td>
					<td>
						<select name="city">
							<option value="1">北京</option>
							<option value="2">上海</option>
							<option value="3">天津</option>
							<option value="4">重庆</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像</td>
					<td>
						<input type="file" />
					</td>
				</tr>
				<tr>
					<td>验证码</td>
					<td>
						<input type="text" />
						<img src="../imgs/validate.png" />
						<input type="submit" name="提交" value="提交验证" />
					</td>
				</tr>
				<tr>
					<td>自我描述</td>
					<td><textarea placeholder="请输入自我描述"></textarea></td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" name="提交" value="提交1" />
						<input type="reset" name="重置" value="重置1" />
					</td>
				</tr>

			</table>
		</form>

		<!-- audio音频 video视频 source资源 注意src属性需要写在source标签里-->
		<audio controls="controls">
			<source src="">
			</source>
		</audio>
		<video controls="controls">
			<source src="">
			</source>
		</video>
		
		
	</body>
</html>
